@media print {
  .app-layout__source-column {
    display: none;
  }

  .app-layout__note-column {
    border: 0;
  }

  .dev-badge {
    display: none;
  }

  .tag-field,
  .note-toolbar-wrapper {
    display: none;
  }

  /* Firefox only prints the first page if any divs are display: flex */
  .app,
  .simplenote-app,
  .app-layout,
  .app-layout__note-column,
  .note-editor,
  .note-detail-wrapper,
  .note-detail {
    display: block;
    overflow: visible;
  }

  .note-detail-wrapper {
    overflow: visible;
  }

  .note-detail {
    overflow: visible;
  }

  [class^='note-detail-'] {
    max-width: 100%;
    width: 100%;
    color: $studio-black;

    &.theme-color-fg {
      color: $studio-black;
    }
  }
}
